(function() {
if (!document.getElementById('bk-widget-product-style')) {
const bk_widget_style = document.createElement("style");
bk_widget_style.setAttribute("id","bk-widget-product-style");
bk_widget_style.textContent = `
.bk-widget-product {
--p-color: #383A43;
--p-color-light: #576A80;
--dark-color: #222227;
--grey-color: #6F7384;
--s-color: #28AD63;
--promo-color: #008DCA;
--nouveaute-color: #28AD63;
}
.bk-widget-product .hidden {
display: none !important;
}
.bk-widget-product .bk-widget-container {
display: block;
text-align: center;
color:var(--dark-color);
background-color: #fff;
text-decoration: none;
}
.bk-widget-product .bk-widget-container .image,
.bk-widget-product .bk-widget-container .libelle,
.bk-widget-product .bk-widget-container .prix {
display: block;
}
.bk-widget-product .bk-widget-container .image {
height: 180px;
margin-bottom: 10px;
}
.bk-widget-product .bk-widget-container .image > img {
height: auto;
max-width: 100%;
max-height: 100%;
}
.bk-widget-product .bk-widget-container .libelle {
font-size: 14px;
font-weight: 600;
margin-bottom: 10px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.bk-widget-product .bk-widget-container .prix {
margin-bottom: 20px;
}
.bk-widget-product .bk-widget-container .prix .current {
font-size: 16px;
font-weight: 600;
}
.bk-widget-product .bk-widget-container .prix .currency {
font-size: 14px;
}
.bk-widget-product .bk-widget-container .prix .old {
font-size: 11px;
text-decoration: line-through;
color: var(--grey-color);
}
.bk-widget-product .bk-widget-container .link {
display: flex;
align-items: center;
justify-content: center;
background-color: var(--p-color-light);
color: #fff;
padding: 0 5px;
margin-bottom: 20px;
font-weight: 600;
text-transform: uppercase;
height: 40px;
cursor: pointer;
border-radius: 10px;
}
.bk-widget-product .bk-widget-container .reference {
display: block;
font-size: 12px;
margin-bottom: 5px;
color: var(--grey-color);
}
.bk-widget-product .bk-widget-container .bandeau-wrapper {
height: 20px;
margin-bottom: 10px;
}
.bk-widget-product .bk-widget-container .bandeau-wrapper .bandeau {
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 12px;
font-weight: 600;
height: 100%;
text-transform: uppercase;
padding: 0 10px;
color: #fff;
background-color: var(--grey-color);
border-radius: 5px;
overflow: hidden;
box-shadow: 0 0 12px rgba(0, 0, 0, 0.10);
}
.bk-widget-product .bk-widget-container .bandeau-wrapper .vf-vignette,
.bk-widget-product .bk-widget-container .bandeau-wrapper .vf-destockage,
.bk-widget-product .bk-widget-container .bandeau-wrapper .vf-soldes,
.bk-widget-product .bk-widget-container .bandeau-wrapper .vf-promo {
background-color: var(--promo-color);
}
.bk-widget-product .bk-widget-container .bandeau-wrapper .vf-black-friday {
background-color: var(--dark-color);
}
.bk-widget-product .bk-widget-container .bandeau-wrapper .vf-new {
background-color: var(--nouveaute-color);
}
.bk-widget-product .bk-widget-container .note-produit {
display: flex;
align-items: center;
justify-content: center;
font-size: 12px;
height: 15px;
margin-bottom: 10px;
color: var(--grey-color);
gap: 5px;
}
.bk-widget-product .bk-widget-container .ratingArea {
display: flex;
align-items: center;
justify-content: center;
gap: 2px;
}
.bk-widget-product .bk-widget-container .ratingArea .star {
width: 15px;
height: 15px;
}`;
document.head.appendChild(bk_widget_style);
}
bk_widget = {
"html": `
Caisse à outils JBM métallique 143 pièces
404,50 €
Voir le produit
Référence : C2706JBM-0001
Servante d’outils JBM 7 tiroirs noire/verte avec outils
519,99 €
Voir le produit
Référence : C2360JBM-0001
`
};
var script = document.currentScript;
var mydiv = document.createElement('div');
mydiv.classList.add('bk-widget-product');
script.parentElement.insertBefore(mydiv, script);
mydiv.innerHTML = bk_widget.html;
})();